<template>
  <div>
    <!-- 钱包头部开始 -->
    <div class="topBox">
      <el-row type="flex" class="row-bg" justify="space-around">
        <el-col :span="6"
          ><div class="grid-content bg-purple">
            <span class="qian">钱包</span>
          </div></el-col
        >

        <el-col :span="6"
          ><div class="grid-content bg-purple yuan">
            <img :src="imgUrl1" alt="" class="yuanOne" /></div
        ></el-col>
      </el-row>
    </div>
    <!-- 钱包头部结束 -->
  </div>
</template>

<script>
export default {
  name: "walletChildOne",
  data() {
    return {
      imgUrl: "../../../../static/images/wallet&signin/wallet14.png",
      imgUrl1: "../../../../static/images/wallet&signin/wallet01.png",
    };
  },
};
</script>

<style lang="less" scoped>
.topBox {
  margin-top: 0.5rem;
//   border: 2px solid red;
}
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #fff;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  justify-content: space-between;
  background-color: #f9fafc;
}
.yuan {
  // width:.52rem ;
  height: .75rem;
  background-image: url(../../../../static/images/wallet&signin/wallet14.png);
  background-repeat: no-repeat;
  background-size: 0.6rem 0.6rem;
  background-position: 110px 10px;
  // border: 1px solid red;
}
.yuanOne {
  width: 0.26rem;
  height: 0.36rem;
  margin-top: 16px;
  margin-left: 80px;
}
.qian {
  font-size: 0.5rem;
  color: #676767;
}
</style>